<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>360跨界-${setting.name}</title>
    <meta name="keywords" content="${setting.metaKeywords}">
    <meta name="description" content="${setting.metaDescription}">
[#include "common/include.ftl"]
    <script src="${base}/resource/js/unslider.min.js?v=1.2"></script>
    <script src="${base}/resource/js/index.js"></script>
    <link rel="stylesheet" href="${base}/resource/css/index.css">
    <link rel="stylesheet" href="${base}/resource/css/index.css">
    <link rel="stylesheet" href="${base}/resource/css/index.css">
    <link rel="stylesheet" href="${base}/resource/css/index.css">
    <link href="${base}/resource/car/css/main.css" rel="stylesheet" />
    <link href="${base}/resource/car/css/produce.css" rel="stylesheet" />
    <link href="${base}/resource/car/css/item.css" rel="stylesheet" />
    <link href="${base}/resource/car/js/jPackageCss/jPackage.css" rel="stylesheet" />
    <link rel="stylesheet" href="${base}/resource/plug/layui/css/layui.css">
    <script src="${base}/resource/plug/layui/layui.js"></script>
	<script type="text/javascript">
 $(function(){
    $("#car01").click(function(){
      $(".clear li").removeClass();
      $(this).addClass("sel");
      $("#car_con01").show();
      $("#car_con02").hide();
      $("#car_con03").hide();
    })

    $("#car02").click(function(){
       $(".clear li").removeClass();
      $(this).addClass("sel")
      $("#car_con02").show();
      $("#car_con01").hide();
      $("#car_con03").hide();
    })

    $("#car03").click(function(){
        $(".clear li").removeClass();
      $(this).addClass("sel")
      $("#car_con03").show();
      $("#car_con02").hide();
      $("#car_con01").hide();
    })
  });

</script>
[#import "common/index_floor.ftl" as p/]
</head>
<body class="customer">
<div class="top_box">
    [#include "/common/header.ftl"/]
</div>
<div class="insuran">
  <div class="insuran_banner wrap">
    <div class="full_screen_slider wrap">
      <ul class="slides wrap">
        <li class="wrap" style="background: url(${base}/resource/car/images/banner_che.jpg) no-repeat center center;"><a href="#"></a></li>
      </ul>
      <ul class="pagination wrap">
        <li class="current"></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </div>
  <div style="width: 1200px; height: 1px; margin: 0 auto;">
  <div class="insuran_r">
    <dl class="getInsur">
      <dt class="totalNum newQuotem">
        <label style="float:left;">车险报价</label>
      </dt>
      <dt class="oldQuotem" style="display: none;">我是新客户</dt>
      <dd class="input-box">
        <label class="place_holder" for="city_input">行驶城市</label>
        <input type="text" id="city" class="cityInput textCity carcity inputFocus plate sd_input_city proCityQuery cityIcon placeholder" name="city_input">
      </dd>
      <dd class="input-box short newQuotem">
        <label class="place_holder" for="LicenseNo">车牌号码</label>
        <input type="text" id="carNo" class="cityInput textInput licenseno wrong initcss"  name="Licenseno" value="" maxlength="7" >
      </dd>
      <dd class="input-box short newQuotem">
      <label class="place_holder" for="LicenseNo"></label>
        <input name="checkbox" type="checkbox" value="checkbox"/>尚未取得车牌
      </dd>
      <dd class="input-box tyww" id="lastCity">
        <label class="place_holder" for="city_input_last">提车年月</label>
        <input id="year" type="text" name="city_input_last"  class="input_field icon proCityQuery initcss cityInput cityIcon textCity proCityQuery" style=" width: 62px" value="" ><span style="display: block;float: left;line-height: 30px;">年</span> <input id="month" type="text" name="city_input_last"  class="input_field icon proCityQuery initcss cityInput cityIcon textCity proCityQuery" value="" style=" width: 62px;" ><span style="display: block;float: left;line-height:30px">月</span>
      </dd>
      <dd class="input-box newQuotem carownerflag">
        <label class="place_holder" for="CarOwner">车价</label>
        <input id="price" type="text" class="textInput carOwner initcss wrong cityInput" value="" maxlength="20" style="width: 140px;" ><span style="display: block;float: left;line-height:30px">万元</span>
      </dd>
      <dd class="input-box newQuotem carownerflag">
        <label class="place_holder" for="CarOwner">手机</label>
        <input id="mobile" type="text" class="textInput carOwner initcss wrong cityInput" value="" maxlength="20" >
      </dd>
      <dd class="pa_10 newQuotem" style="width:250px;overflow: hidden;"> <a id="GoSubmit" href="javascript:void(0)" class="quotationA btn">立即报价></a> </dd>
      <dd style="position: relative;top:-30px; left:260px">你还可以致电：<font style="color: #6699ff;">021-61765388</font><br>360跨界为您提供专业服务</dd>
      <dd style="position: relative; top: -290px;left: 270px;"><img src="${base}/resource/car/images/car01.jpg"></dd>
    </dl>
  </div>
  </div>
</div>
    <div class="main">
	  <div class="item_detail_tab mt20">
		<ul class="clear" style="width: 750px; margin: 0 auto;padding-top: 10px;">
		  <li class="sel" id="car01">讲解步骤</li>
		  <li id="car02">永久活动</li>
		  <li id="car03">车险介绍</li>
		</ul>
	  </div>
	  <div class="item_detail">
		<div class="item_detail_in" id="car_con01">
			<img src="${base}/resource/car/images/payfor01.jpg" style="width: 1200px;">
		</div>
		<div class="item_detail_in" style="display:none" id="car_con02">
		  <img src="${base}/resource/car/images/payfor02.jpg" style="width: 1200px;">
		</div>
		<div class="item_detail_in" style="display:none" id="car_con03">
		  <img src="${base}/resource/car/images/payfor03.jpg" style="width: 1200px;">
		</div>
	  </div>
	</div>
<script type="text/javascript">
    layui.use('layer', function() {
        var layer = layui.layer, $ = layui.jquery; //获得layer组件
        $("#GoSubmit").click(function(){
            var city = $.trim($("#city").val()),
                    year = $.trim($("#year").val()),
                    carNo = $.trim($("#carNo").val()),
                    month = $.trim($("#month").val()),
                    price = $.trim($("#price").val()),
                    mobile = $.trim($("#mobile").val());
            if(! /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/.test(price)){

                layer.msg("车价金额格式不正确");
                return;
            }

            ajax({
                url : base + "/car/add.jhtml",
                data : {
                    city : city,
                    carNo : carNo,
                    year : year,
                    month : month,
                    price : price,
                    mobile : mobile
                },
                success : function(data) {
                    layer.msg(data.content);
                }
            });
        });

    });
</script>
[#include "common/footer-slidebar-lazyload.ftl"]
</body>
</html>